<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<!-- 
    Less
    Less是CSS预处理器，是一种动态样式语言
    Less扩展了CSS语法（方便维护、扩展、复用）
    预处理器：对生成Css前的某种语法的处理程序
    动态样式：CSS是一种非程序式语言，需要写大量没有逻辑的代码

    浏览器不认识less，只认识css
    less -> css

    Less向后兼容CSS，你完全可以在less文件中直接写CSS

    前端常用的其他预处理器：Less  Sass  Stylus

    简单讲，less用于写样式，向后兼容css，提供了一些新的语法，最终会被编译成CSS
 -->

</body>
</html>